
.as-input-sm,
.as-form-horizontal .as-form-group-sm .as-form-control {
  height: 30px;
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 2px;
}
.as-form-group{
    position: relative;
    margin-bottom: 15px;
    /*display: table;*/
    /*overflow: hidden;*/
}
.as-form-group:before, .as-form-group:after{
    content: "";
    display: table;
}
.as-form-group:after{
    clear: both;
}
.as-control-label{
    text-align: right;
    margin-bottom: 0px;
    font-weight: 600;
    padding-top: 9px;
}
.as-form-control{
    display: block;
  width: 100%;
  height: 39px;
  padding: 9px 12px;
  font-size: 13px;
  line-height: 1.49;
  color: #555555;
  background-color: #ffffff;
  background-image: none;
  border: 1px solid #dddddd;
  border-radius: 2px;
  -webkit-transition: border-color ease-in-out .15s;
  -o-transition: border-color ease-in-out .15s;
  transition: border-color ease-in-out .15s;
}
.form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control {
    cursor: not-allowed;
    background-color: #fafafa;
    opacity: 1;
}
.as-form-control-static {
  padding-top: 10px;
  padding-bottom: 10px;
  margin-bottom: 0;
}
textarea.as-form-control{
    height: auto;
    line-height: 1.49;
    padding-top: 8px;
    padding-bottom: 8px;
}
.as-form-control[disabled], .as-form-control[readonly]{
    cursor: not-allowed;
    background-color: #fafafa;
    opacity: 1;
}
.as-form-control:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6)
}
.as-form-inline{
    display: inline-block;
    width: auto;
    vertical-align: middle;
}
.as-input-group{
    position: relative;
    display: table;
    border-collapse: separate;
}

/*input输入框左边图标*/
.as-input-icon{
    min-width: 40px;
    padding: 5px 8px;
    font-size: 13px;
    font-weight: normal;
    line-height: 27px;
    color: #3498db;
    text-align: center;
    background-color: #fafafa;
    border: 1px solid #dddddd;
    border-right: 0px;
    display: table-cell;
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

/*input输入框右边功能图标按钮*/
.as-append-icon{
    position: absolute;
    left: 23px;
    top: 7px;
    font-size: 14px;
}
.as-append-icon.right{
    left: auto;
    right: 23px;
}

/*Input输入框微调按钮*/
.as-icon-button{
    z-index: 3;
    cursor: pointer;
    display: block;
    overflow: hidden;
    position: absolute;
    right: 20px;
    width: 20px;
    height: 50%;
    padding: 0;
    margin: 0;
    font-size: 15px;
    text-align: center;
}
.as-icon-up{
    top: 8px
}
.as-icon-down{
    bottom: 3px
}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a:hover {text-decoration:none;}
a:active {text-decoration:none;}

/*checkbox复选框*/
.as-checkbox label,.as-radio label{
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-right: 15px;
    margin-bottom: 5px;
    font-weight: 600;
    display: inline-block;
}
.as-checkbox label:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 21px;
    background-color: #FFF;
    border: 1px solid #666;
    border-width: 2px;
    border-radius: 2px;
}
.as-checkbox input{
    /*display: none;*/
}
.as-checkbox input[type=checkbox]:checked + label:after{
    color: #666;
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 12px;
    top: 1px;
    left: 3px;
    width: 0;
    height: 0;
    transform: rotate(-13deg);
}

/*radio单选框*/
.as-radio label:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 64px;
    width: 20px;
    height: 20px;
    border: 2px solid #666;
}
.as-radio input{
    /*display: none;*/
}
.as-radio input[type=radio]:checked +label:after{
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 64px;
    width: 10px;
    height: 10px;
    color: #666;
    background-color: #666;
}

/*select选择框*/
.as-selection{
    box-sizing: border-box;
    display: inline-block;
    margin: 0;
    position: relative;
    vertical-align: middle;
}
.as-selection-w301{
    width: 301px;
}
.as-select{
    background-color: #f0f0f0;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    cursor: pointer;
    display: block;
    height: 38px;
}
.as-select-content{
    color: #444;
    line-height: 38px;
    display: block;
    padding-left: 8px;
    padding-right: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.as-select-icon{
    height: 36px;
    position: absolute;
    top: 7px;
    right: 1px;
    width: 20px;
}

/*select下拉框内容*/
.as-select-dropdown{
    background-color: white;
    border: 1px solid #DDD;
    box-sizing: border-box;
    display: block;
    position: absolute;
    left: 0px;
    width: 100%;
    z-index: 1051;
}
.as-select-search{
    display: block;
    padding: 7px
}
.as-select-input{
    border: 1px solid #DDD;
    padding: 4px;
    width: 100%;
    box-sizing: border-box;
}
.as-select-input:focus{
    border-color: #66afe9;
    outline: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(102, 175, 233, .6);
}
.as-select-result{
    max-height: 200px;
    overflow-y: auto;
    margin: 0px;
    padding:0px;
}
.as-select-option {
    padding: 6px 13px;
    cursor: pointer;
}
.as-select-option:hover{
    background-color: #0088CC;
    color: #ffffff;
}
/* input校验状态样式 */
.has-primary .help-block,
.has-primary .as-control-label,
.has-primary .radio,
.has-primary .checkbox,
.has-primary .as-radio-inline,
.has-primary .as-checkbox-inline,
.has-primary .as-append-icon {
    color: #3498db;
}
.has-primary .as-form-control {
    border-color: #5faee3;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-primary .as-form-control:focus {
    border-color: #217dbb;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #8bc4ea;
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #8bc4ea;
}

/* Form input中icon样式 */
.as-append-icon + input.as-form-control {
    padding-right: 40px;
}
.input-group-addon {
  color: #4a89dc;
  background-color: #fafafa;
  border-color: #DDD;
}

.has-success .help-block,
.has-success .as-control-label,
.has-success .radio,
.has-success .checkbox,
.has-success .as-radio-inline,
.has-success .as-checkbox-inline,
.has-success .as-append-icon {
  color: #70ca63;
}
.has-success .as-form-control {
  border-color: #93d789;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-success .as-form-control:focus {
  border-color: #4fbb3f;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #b6e4af;
}

.has-info .help-block,
.has-info .as-control-label,
.has-info .radio,
.has-info .checkbox,
.has-info .as-radio-inline,
.has-info .as-checkbox-inline,
.has-info .as-append-icon {
  color: #3bafda;
}
.has-info .as-form-control {
  border-color: #66c1e2;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-info .as-form-control:focus {
  border-color: #2494be;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #91d2ea;
}

.has-warning .help-block,
.has-warning .as-control-label,
.has-warning .radio,
.has-warning .checkbox,
.has-warning .as-radio-inline,
.has-warning .as-checkbox-inline,
.has-warning .as-append-icon {
  color: #f6bb42;
}
.has-warning .as-form-control {
  border-color: #f8cd73;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-warning .as-form-control:focus {
  border-color: #f4a911;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #fbdea3;
}

.has-error .help-block,
.has-error .as-control-label,
.has-error .radio,
.has-error .checkbox,
.has-error .as-radio-inline,
.has-error .as-checkbox-inline,
.has-error .as-append-icon {
  color: #df5640;
}
.has-error .as-form-control {
  border-color: #e67d6c;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-error .as-form-control:focus {
  border-color: #ca3922;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #eea397;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #eea397;
}

.has-alert .help-block,
.has-alert .as-control-label,
.has-alert .radio,
.has-alert .checkbox,
.has-alert .as-radio-inline,
.has-alert .as-checkbox-inline,
.has-alert .as-append-icon {
  color: #967adc;
}
.has-alert .as-form-control {
  border-color: #b6a2e7;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-alert .as-form-control:focus {
  border-color: #7652d1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #d6cbf1;
}

.has-system .help-block,
.has-system .as-control-label,
.has-system .radio,
.has-system .checkbox,
.has-system .as-radio-inline,
.has-system .as-checkbox-inline,
.has-system .as-append-icon {
  color: #37bc9b;
}
.has-system .as-form-control {
  border-color: #58ceb1;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}
.has-system .as-form-control:focus {
  border-color: #2b957a;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.025), 0 0 3px #7fdac3;
}


/****************************************
*           默认 Checkboxes/Radios      *
*****************************************/
.radio input[type="radio"],
.as-radio-inline input[type="radio"],
.checkbox input[type="checkbox"],
.as-checkbox-inline input[type="checkbox"] {
    position: absolute;
    margin-left: -20px;
    margin-top: 4px \9;
}
.radio + .radio,
.checkbox + .checkbox {
    margin-top: -5px;
}
.as-radio-inline,
.as-checkbox-inline {
    display: inline-block;
    padding-left: 20px;
    vertical-align: middle;
    font-weight: normal;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 10px;
}
.as-radio-inline + .as-radio-inline,
.as-checkbox-inline + .as-checkbox-inline {
    margin-top: 0;
    margin-left: 10px;
}
input[type="radio"][disabled],
input[type="checkbox"][disabled],
input[type="radio"].disabled,
input[type="checkbox"].disabled,
fieldset[disabled] input[type="radio"],
fieldset[disabled] input[type="checkbox"] {
    cursor: not-allowed;
}
.as-radio-inline.disabled,
.as-checkbox-inline.disabled,
fieldset[disabled] .as-radio-inline,
fieldset[disabled] .as-checkbox-inline {
    cursor: not-allowed;
}

/*==================================================
   自定义Radios and Checkboxes
==================================================== */
.as-radio-custom,
.as-checkbox-custom {
    background-color: transparent;
    color: inherit;
}
/* hide default input */
.as-radio-custom input,
.as-checkbox-custom input {
    display: none;
}
.as-checkbox-custom label:empty,
.as-radio-custom label:empty {
    padding-left: 10px;
}
/* radio container */
.as-radio-custom label {
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-right: 15px;
    margin-bottom: 5px;
}
/* radio border */
.as-radio-custom label:before{
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 64px;
    width: 20px;
    height: 20px;
    border: 2px solid #666;
}
/* check radio icon */
.as-radio-custom input[type=radio]:checked + label:after, .BUG label:after,
.as-radio-custom input[type=checkbox]:checked + label:after {
    content: "";
    position: absolute;
    top: 5px;
    left: 5px;
    border-radius: 64px;
    width: 10px;
    height: 10px;
    color: #666;
    background-color: #666;
}
/* alt style - square */
.as-radio-custom.square label:before{
    border-radius: 2px;
}
.as-radio-custom.square input[type=radio]:checked + label:after,
.as-radio-custom.square input[type=checkbox]:checked + label:after {
    border-radius: 2px;
}
/* checkbox container */
.as-checkbox-custom label {
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-right: 15px;
    margin-bottom: 5px;
}
/* checkbox border */
.as-checkbox-custom label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 22px;
    height: 21px;
    background-color: #FFF;
    border: 1px solid #b9b9b9;
    border-width: 2px;
    border-radius: 2px;
}
/* checked state icon */
.as-checkbox-custom input[type=checkbox]:checked + label:after,
.as-checkbox-custom input[type=radio]:checked + label:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 12px;
/*    top: 2px;*/
    left: 4px;
    width: 0;
    height: 0;
    color: #b9b9b9;
    transform: rotate(-13deg);
}
/* alt style - filled bg ".fill" */
.as-checkbox-custom.fill label {
    cursor: pointer;
    position: relative;
    padding-left: 32px;
    margin-right: 15px;
    margin-bottom: 5px;
}
.as-checkbox-custom.fill label:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 2px;
    width: 22px;
    height: 21px;
    background-color:#b9b9b9;
}
.as-checkbox-custom.fill input[type=checkbox]:checked + label:after,
.as-checkbox-custom.fill input[type=radio]:checked + label:after {
    position: absolute;
    font-family: "FontAwesome";
    content: "\f00c";
    font-size: 12px;
/*
    top: 2px;
    left: 3px;
*/
    width: 0;
    height: 0;
    color: #fff !important;
    transform: rotate(-13deg);
}

/************************************************
 *         自定义Radio/Checkbox颜色             *
 ************************************************/
.as-radio-custom.radio-primary label:before,
.as-checkbox-custom.checkbox-primary label:before {
    border-color: #4ea5e0;
}
.as-radio-custom.radio-primary input[type=radio]:checked + label:after,
.as-radio-custom.radio-primary input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-primary input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-primary input[type=radio]:checked + label:after {
    background-color: #4ea5e0;
    color: #4ea5e0;
}
.as-checkbox-custom.fill.checkbox-primary label:before {
    background-color: #4ea5e0;
}
.as-radio-custom.radio-success label:before,
.as-checkbox-custom.checkbox-success label:before {
    border-color: #85d27a;
}
.as-radio-custom.radio-success input[type=radio]:checked + label:after,
.as-radio-custom.radio-success input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-success input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-success input[type=radio]:checked + label:after {
    background-color: #85d27a;
    color: #85d27a;
}
.as-checkbox-custom.fill.checkbox-success label:before {
    background-color: #85d27a;
}
.as-radio-custom.radio-info label:before,
.as-checkbox-custom.checkbox-info label:before {
    border-color: #55badf;
}
.as-radio-custom.radio-info input[type=radio]:checked + label:after,
.as-radio-custom.radio-info input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-info input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-info input[type=radio]:checked + label:after {
    background-color: #55badf;
    color: #55badf;
}
.as-checkbox-custom.fill.checkbox-info label:before {
    background-color: #55badf;
}
.as-radio-custom.radio-warning label:before,
.as-checkbox-custom.checkbox-warning label:before {
    border-color: #f7c65f;
}
.as-radio-custom.radio-warning input[type=radio]:checked + label:after,
.as-radio-custom.radio-warning input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-warning input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-warning input[type=radio]:checked + label:after {
    background-color: #f7c65f;
    color: #f7c65f;
}
.as-checkbox-custom.fill.checkbox-warning label:before {
    background-color: #f7c65f;
}
.as-radio-custom.radio-danger label:before,
.as-checkbox-custom.checkbox-danger label:before {
    border-color: #e36d5a;
}
.as-radio-custom.radio-danger input[type=radio]:checked + label:after,
.as-radio-custom.radio-danger input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-danger input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-danger input[type=radio]:checked + label:after {
    background-color: #e36d5a;
    color: #e36d5a;
}
.as-checkbox-custom.fill.checkbox-danger label:before {
    background-color: #e36d5a;
}
.as-radio-custom.radio-alert label:before,
.as-checkbox-custom.checkbox-alert label:before {
    border-color: #a992e2;
}
.as-radio-custom.radio-alert input[type=radio]:checked + label:after,
.as-radio-custom.radio-alert input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-alert input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-alert input[type=radio]:checked + label:after {
    background-color: #a992e2;
    color: #a992e2;
}
.as-checkbox-custom.fill.checkbox-alert label:before {
    background-color: #a992e2;
}
.as-radio-custom.radio-system label:before,
.as-checkbox-custom.checkbox-system label:before {
    border-color: #48c9a9;
}
.as-radio-custom.radio-system input[type=radio]:checked + label:after,
.as-radio-custom.radio-system input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-system input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-system input[type=radio]:checked + label:after {
    background-color: #48c9a9;
    color: #48c9a9;
}
.as-checkbox-custom.fill.checkbox-system label:before {
    background-color: #48c9a9;
}
.as-radio-custom.radio-dark label:before,
.as-checkbox-custom.checkbox-dark label:before {
    border-color: #484d61;
}
.as-radio-custom.radio-dark input[type=radio]:checked + label:after,
.as-radio-custom.radio-dark input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-dark input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-dark input[type=radio]:checked + label:after {
    background-color: #484d61;
    color: #484d61;
}
.as-checkbox-custom.fill.checkbox-dark label:before {
    background-color: #484d61;
}
.as-radio-custom.radio-light label:before,
.as-checkbox-custom.checkbox-light label:before {
    border-color: #eee;
}
.as-radio-custom.radio-light input[type=radio]:checked + label:after,
.as-radio-custom.radio-light input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-light input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-light input[type=radio]:checked + label:after {
    background-color: #666;
    color: #666 !important;
}
.as-checkbox-custom.fill.checkbox-light label:before {
    background-color: #eee;
}
.as-radio-custom.radio-disabled label:before,
.as-checkbox-custom.checkbox-disabled label:before {
    border-color: #b9b9b9;
}
.as-radio-custom.radio-disabled input[type=radio]:checked + label:after,
.as-radio-custom.radio-disabled input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-disabled input[type=checkbox]:checked + label:after,
.as-checkbox-custom.checkbox-disabled input[type=radio]:checked + label:after {
    background-color: #b9b9b9;
    color: #b9b9b9;
}
.as-checkbox-custom.fill.checkbox-disabled label:before {
    background-color: #b9b9b9;
}

/*==================================================
                自定义开关样式
==================================================== */
div.as-switch label {
    display: block;
    position: relative;
    color: transparent;
    background: #ddd;
    text-indent: 100%;
    width: 52px;
    height: 26px;
    cursor: pointer;
    transition: left 0.15s ease-out;
    border-radius: 2px;
}
div.as-switch input {
    display: none;
}
div.as-switch input + label {
    margin-left: 0;
    margin-right: 0;
}
div.as-switch label:after {
    content: "";
    display: block;
    background: #fff;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 19px;
    height: 19px;
    border-radius: 2px;
    -webkit-transition: left 0.15s ease-out;
    -moz-transition: left 0.15s ease-out;
    transition: left 0.15s ease-out;
}
div.as-switch input:checked + label {
    background: #2ba6cb;
}
div.as-switch input:checked + label:after {
    left: 29px;
}
div.as-switch label {
    width: 52px;
    height: 26px;
}
div.as-switch label:after {
    width: 19px;
    height: 19px;
}
div.as-switch input:checked + label:after {
    left: 29px;
}
div.as-switch label {
    color: transparent;
    background: #dddddd;
}
div.as-switch label:after {
    background: #ffffff;
}
div.as-switch input:checked + label {
    background: #2ba6cb;
}
/* Switch Sizes */
div.as-switch.switch-lg label {
    width: 65px;
    height: 32px;
}
div.as-switch.switch-lg label:after {
    width: 26px;
    height: 26px;
}
div.as-switch.switch-lg input:checked + label:after {
    left: 35px;
}
div.as-switch.switch-sm label {
    width: 45px;
    height: 22px;
}
div.as-switch.switch-sm label:after {
    width: 16px;
    height: 16px;
}
div.as-switch.switch-sm input:checked + label:after {
    left: 26px;
}
div.as-switch.switch-xs label {
    width: 39px;
    height: 19px;
}
div.as-switch.switch-xs label:after {
    width: 13px;
    height: 13px;
}
div.as-switch.switch-xs input:checked + label:after {
    left: 22px;
}
div.as-switch.radius label {
    border-radius: 4px;
}
div.as-switch.radius label:after {
    border-radius: 3px;
}
/* Switch Option - Rounded */
div.as-switch.round {
    border-radius: 1000px;
}
div.as-switch.round label {
    border-radius: 26px;
}
div.as-switch.round label:after {
    border-radius: 26px;
}
/* Switch Option - Inline */
.as-switch.switch-inline {
    display: inline-block;
}
.as-switch.switch-inline + .as-switch.switch-inline {
    margin-left: 15px;
}

/********************************************
 *         自定义开关颜色样式               *
 ********************************************/
div.as-switch.switch-primary input:checked + label {
    background-color: #3498db;
}
div.as-switch.switch-success input:checked + label {
    background-color: #70ca63;
}
div.as-switch.switch-info input:checked + label {
    background-color: #3bafda;
}
div.as-switch.switch-warning input:checked + label {
    background-color: #f6bb42;
}
div.as-switch.switch-danger input:checked + label {
    background-color: #df5640;
}
div.as-switch.switch-alert input:checked + label {
    background-color: #967adc;
}
div.as-switch.switch-system input:checked + label {
    background-color: #37bc9b;
}
div.as-switch.switch-dark input:checked + label {
    background-color: #3b3f4f;
}
